<template>
  <a-row type="flex" justify="start" align="middle">
    <a-col>
      <Logo style="margin: 7px 7px; height:50px" />
    </a-col>
    <a-col>
      <h1>
        北京航空航天大学麦克风借还管理系统
      </h1>
    </a-col>
  </a-row>
</template>

<script lang="ts">
import { defineComponent, ref, reactive } from "vue";
import Logo from "@/components/Logo.vue";

export default defineComponent({
  components: {
    Logo: Logo
  },
  name: "LogoHeader"
});
</script>

<style scoped>
h1 {
  color: #ffffff;
}
</style>
